<%@ page language="java" pageEncoding="UTF-8"
	errorPage="../../defaultException.jsp"%>
<%@include file="../../tags.jsp"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>Bootstrap表格插件 - Bootstrap后台管理系统模版Ace下载</title>
		<meta name="keywords" content="Bootstrap模版,Bootstrap模版下载,Bootstrap教程,Bootstrap中文" />
		<meta name="description" content="站长素材提供Bootstrap模版,Bootstrap教程,Bootstrap中文翻译等相关Bootstrap插件下载" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<%@include file="head.jsp" %>
	</head>

	<body>
		<%@include file="nav_head.jsp" %>

	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed');
			} catch (e) {
			}
		</script>

		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> <span
				class="menu-text"></span> </a>



			<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
						try {
							ace.settings.check('breadcrumbs', 'fixed');
						} catch (e) {
						}
					</script>

					<ul class="breadcrumb">
						<li><i class="icon-home home-icon"></i> <a href="${cpath }/admin/assets/vlist">国家信息</a>
						</li>

						<li><a href="#">修改${country.countryNameZh }</a></li>
					</ul>
					<!-- .breadcrumb -->

					<div class="nav-search" id="nav-search">
						<form class="form-search">
							<span class="input-icon"> <input type="text"
								placeholder="Search ..." class="nav-search-input"
								id="nav-search-input" autocomplete="off" /> <i
								class="icon-search nav-search-icon"></i> </span>
						</form>
					</div>
					<!-- #nav-search -->
				</div>
			

					<div class="page-content">
						

						<div class="row">
							<div class="col-xs-12" >
								<div style="margin-left: auto;margin-right: auto;width: 600px;">
								<form id="fm" method="post" class="form-horizontal" enctype="multipart/form-data" action="${cpath }/admin/assets/update">
								
										<div class="form-group has-warning">
											<label for="inputWarning" class="col-xs-12 col-sm-3 control-label no-padding-right">名称:</label>

											<div class="col-xs-12 col-sm-5">
												<span class="block input-icon input-icon-right">
													<input type="text" name="countryName" class="width-100" data-type="range" data-tip="国家名称不可以为空，最多64个字符!"
					data-required="true" data-max="64" value="${country.countryName }" />
												</span>
											</div>
										</div>
										<div class="form-group has-warning">
											<label for="inputWarning" class="col-xs-12 col-sm-3 control-label no-padding-right">归属的洲:</label>

											<div class="col-xs-12 col-sm-5">
												<span class="block input-icon input-icon-right">
													<select name="continentId"  data-required="true"  >
														<c:forEach var="con" items="${continent }">
															<option value="${con.continentId }" <c:if test="${con.continentId eq country.continentId }">selected="selected"</c:if>>${con.continentName }</option>
														</c:forEach>
													</select>
												</span>
											</div>
										</div>
										<div class="form-group has-warning">
											<label for="inputWarning" class="col-xs-12 col-sm-3 control-label no-padding-right">中文名称:</label>

											<div class="col-xs-12 col-sm-5">
												<span class="block input-icon input-icon-right">
													<input type="text" name="countryNameZh" value="${country.countryNameZh }" data-type="range" data-tip="中文名称不可以为空，最多32个字符!"
					data-required="true" data-max="32" class="width-100" />
												</span>
											</div>
										</div>
										<div class="form-group has-warning">
											<label for="inputWarning" class="col-xs-12 col-sm-3 control-label no-padding-right">英文名称:</label>

											<div class="col-xs-12 col-sm-5">
												<span class="block input-icon input-icon-right">
													<input type="text" name="countryNameEn" value="${country.countryNameEn }" data-type="range" data-tip="英文名称不可以为空，最多32个字符!"
					data-required="true" data-max="32" class="width-100" />
												</span>
											</div>
										</div>
										<div class="form-group has-warning">
											<label for="inputWarning" class="col-xs-12 col-sm-3 control-label no-padding-right">新国旗:</label>

											<div class="col-xs-12 col-sm-5">
												<span class="block input-icon input-icon-right">
													<input name="flagFile" type="file" class="width-100" />
												</span>
											</div>
										</div>
										<div class="form-group has-warning">
											<label for="inputWarning" class="col-xs-12 col-sm-3 control-label no-padding-right">旧国旗:</label>

											<div class="col-xs-12 col-sm-5">
												<span class="block input-icon input-icon-right">
													<img src="${image_domain}${country.countryOrigFlag}" width=200px height=160px/> 
												</span>
											</div>
										</div>
				
					<input type="hidden" value="${country.countryId}" name="countryId">
					<input type="hidden" value="${country.countryOrigFlag}" name="countryOrigFlag">
					<div class="form-group has-warning">
					<label for="inputWarning" class="col-xs-12 col-sm-3 control-label no-padding-right"></label>
					<div class="col-xs-12 col-sm-5">
					<button class="btn btn-info" type="submit">
					<i class="icon-ok bigger-110"></i>
						Submit
					</button>
					</div>
					</div>
		</form>
		</div>
	<style type="text/css">
			#fm {
				margin: 0;
				padding: 40px 100px;
			}
			
			.ftitle {
				font-size: 14px;
				font-weight: bold;
				padding: 5px 0;
				margin-bottom: 10px;
				border-bottom: 1px solid #ccc;
			}
			
			.fitem {
				margin-bottom: 5px;
			}
			
			.fitem label {
				display: inline-block;
				width: 90px;
			}
			
		 </style>
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->

				<div class="ace-settings-container" id="ace-settings-container">
					<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
						<i class="icon-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box" id="ace-settings-box">
						<div>
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="default" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; Choose Skin</span>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
							<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
							<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
							<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
							<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
							<label class="lbl" for="ace-settings-add-container">
								Inside
								<b>.container</b>
							</label>
						</div>
					</div>
				</div><!-- /#ace-settings-container -->
			</div><!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->

		<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<![endif]-->

		<!--[if !IE]> -->

		<script type="text/javascript">
			window.jQuery || document.write("<script src='${cpath}/resources/assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
		</script>

		<!-- <![endif]-->

		<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='${cpath}/resources/assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='${cpath}/resources/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="${cpath}/resources/assets/js/bootstrap.min.js"></script>
		<script src="${cpath}/resources/assets/js/typeahead-bs2.min.js"></script>

		<!-- page specific plugin scripts -->

		<script src="${cpath}/resources/assets/js/jquery.dataTables.min.js"></script>
		<script src="${cpath}/resources/assets/js/jquery.dataTables.bootstrap.js"></script>

		<!-- ace scripts -->

		<script src="${cpath}/resources/assets/js/ace-elements.min.js"></script>
		<script src="${cpath}/resources/assets/js/ace.min.js"></script>

		<!-- inline scripts related to this page -->

		<script type="text/javascript">
			jQuery(function($) {
				var oTable1 = $('#sample-table-2').dataTable( {
				"aoColumns": [
			      { "bSortable": false },
			      null, null,null, null, null,
				  { "bSortable": false }
				] } );
				
				
				$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
						
				});
			
			
				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table');
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
				
			});
		</script>

	<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
